@charset "utf-8";

/* --- All the regular suspects --- */

	html{
		padding:0;
		margin:0;
		height:100%;
	}
	
	body{
		margin:0 !important;
		padding:0 !important;
		height:100%;
		font-size:0.8em;
		font-family:"Courier New", Courier, monospace;
		text-align:center;
	
	}
	
	pre{
		font-size:1.2em;
		padding:10px;
		text-align:left
	}
	
	a:link, a:visited, a:active{
		color:#00f;
		text-decoration:none;
	}	
	
	a:hover{
		text-decoration:underline
	}
	
	.help{
		cursor:help	
	}
	
	img, a img{ 
		border: none !important;
		margin:0;
		padding:0;
	}

	h1, h2, h3, h4, h5, h6{
		display:inline;
		margin:0
	}

/* Chrome classes */

	.chBox{
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-khtml-border-radius:10px;
		border:1px solid #ccc;
		margin:5px;
		padding:5px;
	}
	
	#infobox, .infobox{
		border:1px solid #ddd;
		background-color:#fcfcfc;
		padding:5px 7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		-khtml-border-radius:7px;
		font-size:0.8em;
		color:#333;
		min-width:124px;
		margin-bottom:3px
	}
	
	#infobox{
		margin-top:20px;
	}
	
	.dashlist{
		padding:7px 0;
		border-top:1px dashed #ccc;
	}
	
	.btnwrapper{
		text-align:right; 
		padding-top:0.7em;
	}

/* ==== navtop() rules ================================ */

	#logoTop{
		float:left;
		height:40px;
		width:150px;
	}
	
	#icontop{
		position:absolute;
		top:2px;
		left:10px;
		z-index:150;
		width:128px;
		height:128px;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	#head{
		height:44px;
		min-width:600px;
		font-family:Arial, Helvetica, sans-serif;
		background-image:url(chrome.png);
	}
	
	#headInner{
		background:url(../images/smuoi-emboss-13.png) top right no-repeat;
	}
	
	#headstrap{
		color:#fff;
	}
	
	#headNav{
		text-align:right;
		padding:5px 10px 0 0;
		color:#fff
	}
	
	#headNav a:link, #headNav a:visited, #headNav a:active, #elementItemBar a:link, #elementItemBar a:visited, #elementItemBar a:active{
		color:#fff;
		text-decoration:none;
		padding:2px;
	} 
	
	#headNav a:hover, #elementItemBar a:hover{
		color:#666;
	}
	
	#headTit{
		font-size:0.8em;
		margin-top:-15px;
		padding:0 5px;
		color:#fff;
	}
	
	#headloc{
		padding:2px 5px;
		font-size:1.1em;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	#headloc a{
		color:#555;
	}
	
	#headloc a:hover{
		color:#060;
		text-decoration:none
	}
	
	#headInfo{
		padding:0 5px 0 0;
		font-size:0.9em;
		font-family:"Courier New", Courier, monospace;
	}

/* ==== maintable rules =================================== */

	#main{
		background-color:#ffffff;
	}

	#maincell{
		
	}
	
	#leftcell{
		padding:10px 5px;
		width:140px;
		
	}
	
	#sidebar{
		width:140px;
		padding-top:20px
	}

/* ==== footer() rules ================================= */

	#wrp{
		min-height: 100% !important;
		height: auto !important;
		margin-bottom:-30px;
		text-align:left;
	}
	
	#ft{
		position:fixed;
		bottom:0px;
		left:0px;
		background:url(chrome.png) center;
		z-index:700;
		color:#fff;
		padding:5px 0;
		width:100%;
		text-align:right;
	}
	
	
	#msk{
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		right:0;
		z-index:600;
		background:#222;
		opacity:0.5;
	}
	
	#upng{
		position:fixed;
		bottom:10px;
		left:10px;		
		height:32px;
		width:32px;
		z-index:990;
	}
	
	#upbg{
		position:fixed;
		bottom:5px;
		left:5px;
		height:40px;
		width:40px;
		z-index:980;
		
		background-color:#090;
		border:1px solid #fff;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		-khtml-border-radius:20px;
		opacity:0;
	}
	
	#spk, #spkbk{
		position:fixed;
		bottom:32px;
		left:40px;
			
	}
	
	#spk{
		z-index:999;
		font-family:"Lucida Console", Monaco, monospace;
		color:#000;
		min-height:200px;
		min-width:280px;
		padding:16px;
	}
	
	#spkbk{
		z-index:995;
		border:1px solid #eee;
		opacity:0.9;
		background-color:#FFF;
		-moz-border-radius:40px 40px 40px 0;
		-khtml-border-radius-topleft:40px;
		-khtml-border-radius-topright:40px;
		-khtml-border-radius-bottomright:40px;
		-webkit-border-top-left-radius:40px;
		-webkit-border-top-right-radius:40px;
		-webkit-border-bottom-right-radius:40px;
		-moz-box-shadow:#333 2px 3px 6px 2px	
	}
	
	#tuxheader{
		display:block;
		text-align:left
	}
	
	#spkwrap{
		margin:auto	
	}
	
	#tuxbody{
		text-align:left;
	}
	
	.tuxinpwrap{
		text-align:right;
		padding:5px
	}
	
	.tuxinp{
		width:260px;
		font-size:1.2em;
		border:1px solid #ddd;
		color:#333
	}
	
	.tuxbtn{
		margin:5px 3px;
		font-size:1.2em;
	}
	
	.tuxbtnwrap{
		text-align:right;
		padding:5px
	}
	
	
	#cnt{
		text-align:left;
	}


/* ==== index.php ====================================== */

	.DskApp, .DskApp-mo, .DskApp-sel, .DskApp-hl{
		margin:5px;
		padding:5px;
		height:70px;
		width:70px;
		position:absolute;
		background-position:center 10px;
		background-repeat:no-repeat;
		z-index:99;
		font-family:Helvetica, Arial, sans-serif;
		font-size:0.8em;
		overflow:hidden;
		cursor:default
	}
	
	.DskApp span, .DskApp-mo span, .DskApp-sel span, .DskApp-hl span{
		display:block;
		float:left;
		width:100%;
		margin-top:-10px;
		text-align:center
	}
	
	.DskApp{
		margin:6px;
	}
	
	.DskApp-mo, .DskTr-mo{
		background-color:#f9f9f9;
		border:1px solid #e6e6e6;
		opacity:0.9;
		cursor:pointer
	}
	
	.DskApp-sel, .DskTr-sel{
		background-color:#fffefe;
		border:1px solid #666;
		opacity:0.8;
		-moz-box-shadow:#666 0 0 4px 0;
		cursor:pointer
	}
	
	.DskApp-mo, .DskApp-sel, .DskApp-hl{
		-moz-border-radius:10px;
		-khtml-border-radius:10px;
		-webkit-border-radius:10px;
	}
	
	.DskApp-hl, .DskTr-hl{
		background-color:#f6f6f6;
		border:1px solid #F39;
		opacity:0.4;
		-moz-box-shadow:#666 0 0 4px 0;
	}
	
	.DskTable{
		width:100%;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:0.8em;
	}
	
	.DskTr, .DskTr-mo, .DskTr-sel, .DskTr-hl{
		height:36px;	
	}
	
	.DskTrInp{
		border:none;
		background:none;
		cursor:pointer;
	}
	
	.DskTrInp-active{
	
	}
	
	.DskSortTr{
		background:url('tlb.png');
		border:1px solid #999;
		height:16px;
		font-weight:bold;
		font-size:1em;
		cursor:pointer;
	}
	
	.DskSortTr td{
		opacity:0.7;
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
		border-bottom:1px solid #bbb;
		border-right:1px solid #bbb;
		-moz-border-radius:3px;
		-khtml-border-radius:3px;
		-webkit-border-radius:3px;
	}
	
	.DskSortTr td:hover{
		opacity:1;
	}
	
	
	.DskTable td{
		background-repeat:no-repeat;
		background-position:center;
		min-width:36px;
		padding:3px;
		overflow:hidden;
	}
	
	
	.cbox1{
		border:1px inset #ccc;
		margin:4px;
	}
	.cbox2{
		background-color:#fff
	}
	
	.centerfloat{
		position:absolute;
		left:50%;
		top:50%;
	}
	
	.bigwait{
		background-image:url(../images/32/wait.gif);	
	}
	
	.bigwait-aaa{
		background-image:url(../images/32/wait-aaa.gif);	
	}
	
	.op50{
		background-image:url(opacity_50.png);	
	}
	
	#Browser{
		padding:0 12px;
		position:absolute;
		height:500px;
		width:600px;
		left:50%;
		top:50%;
		margin:-255px 0 0 -305px;
		z-index:700;
		border:1px solid #555;
		background:#fff;
		opacity:0.9;
		font-family:Tahoma, Geneva, sans-serif;
		-moz-border-radius:16px;
		-khtml-border-radius:16px;
		-webkit-border-radius:16px;
	}
	
	#BrowserCell{
		position:relative;
		background-color:#fff;
		width:600px;
		height:440px;
		overflow:auto;
	}
	
	#BrowserTop{
		text-align:left;
		padding:5px 0;
	}
	
	#BrowserTitle{
		opacity:0.3
	}	
	
	#BrowserClose{
		float:right;
		opacity:0.9
	}
	
	#BrowserClose:hover{
		opacity:1
	}
	
	#BrowserBase{
		height:30px;
		padding:2px;
		text-align:left;
	}
	
	#hbtns{
		float:left;	
		margin-top:4px;
	}
	
	#sops{
		text-align:right;
	}
	
	


/***  TOOLBAR  ***/

	#wait, .wait, .wait-aaa{
		background-image:url(wait.gif);
		height:16px;
		width:16px;
	}
	
	.wait-aaa{
		background-image:url(wait-aaa.gif);
	}
	
	#wait{
		position:absolute;
		z-index:250;
		top:48px;
		left:146px;	
	}

	#tlb{
		padding:0;
		margin:1px 0 0 0;
		display:block;
		height:22px;
		padding-left:140px;
		font-family:Helvetica, Arial, sans-serif;
		color:#333;
		position:absolute;
		z-index:100;
	}
	#tlbx{
		padding:0;
		display:block;
		height:21px;
		padding-left:140px;
		background-image:url('tlb.png');
		border-top:1px solid #666;
		border-bottom:1px solid #aaa;
	}

	.tlb, .tlb * {
		margin:0;
		padding:0;
		list-style:none;
		font-size:10px;
	}
	
	.tlb {
		line-height:1.0;
		float: left;
	}
	
	.tlb ul {
		position:		absolute;
		z-index:		220;
		top:			-999em;
		width:			13em; /* left offset of submenus need to match (see below) */
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color:#000
	}
	.tlb ul li {
		width:			100%;
	}
	.tlb li {
		float:			left;
		position:		relative;
	}
	.tlb li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
		outline:		0;
		background:url(tlb-hov.png);
		color:#fff;
	}
	.tlb li li, .tlb li li li{
		background:#fff;
		opacity:0.95
	}
	.tlb span {
		display:		block;
		position:		relative;
		padding: .6em 1em;
		text-decoration:none;
		
	}
	.tlb li:hover ul{
		left:			0;
		top:			2.2em; /* match top ul list item height */
		z-index:		220;
	}
	ul.tlb li:hover li ul, ul.tlb li li:hover li ul{
		top:			-999em;
	}
	ul.tlb li li:hover ul, ul.tlb li li li:hover ul{
		left:			13em; /* match ul width */
		top:			0;
	}

	.tlb0 ul {
		font-weight:normal;
		background:	url('shadow.png') no-repeat bottom right;
		padding: 0 9px 10px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-khtml-border-radius-bottomleft: 17px;
		-khtml-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.tlb0 .tlb-menu{
		font-weight:bold;
		cursor:pointer;
	}
	.tlb0  * .tlb-menu{
		background:	url('triangle-right.png') no-repeat right;
		font-weight:normal
	}
	.tlb-func:hover{
		cursor:pointer;
	}
	span.tlb-func-disarmed, span.tlb-menu-disarmed{
		color:#999;
		background:none;
		cursor:default
	}

/* ############ */

	input[type=checkbox]{
		margin:0; 
		padding:0;
	}

	.button16{
		height:16px;
		width:16px;	
		cursor:pointer;
		opacity:0.5;
		position:absolute;
	}
	
	.button16:hover{
		opacity:1;
	}
	
	.removeicon{
		background-image:url(../images/16/remove.png);
	}

	.nixtext{
		font-family:"Lucida Console", Monaco, monospace
	}
	
	.helvetica{
		font-family:Helvetica, Arial, sans-serif;	
	}
	
	.lucida{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	.closed{
		overflow:hidden;	
	}
